<template>
  <div class="">loadingtest</div>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {
    this.getTrend()
    this.getHot()
    // 为什么下面第二种才是真正的串行？
    // new Promise((resolve, reject) => {
    //   this.getHot()
    //   resolve()
    // }).then(() => {
    //   this.getTrend()
    // })
    // this.getHot().then(() => {
    //   this.getTrend()
    // })
  },
  methods: {
    async getTrend() {
      await this.$http.get('trend')
    },
    async getHot() {
      await this.$http.get('hot')
    },
  },
}
</script>

<style></style>
